﻿@charset 'utf-8';
/* CSS reset */
html{color:#000;background:#FFF;font-family:Arial,'Microsoft YaHei','宋体';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:'Microsoft YaHei',Arial,'宋体';}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:none; color:#00c; outline:none;}/*此处待添加默认链接颜色*/
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{-webkit-user-select:none;-webkit-text-size-adjust:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
/*具体样式*/
.wrap {
    width: 460px;
    margin: 40px auto;
}
.wrap li {
    position: relative;
    padding-left: 28px;
    border: 1px solid #fff;
    background-color: #f5f6f7;
    vertical-align: middle;
}
.sel-allbtn,
.sel-btn {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px;
    cursor: pointer;
}
.has-sel {
    background-color: blue;
    box-shadow: 0 0 0 3px #fff inset;
}
.wrap dl {
    float: left;
}
.goods-info {
    width: 245px;
    padding: 9px 0;
} 
.goods-info dt {
    float: left;
    border: 1px solid #080808;
}
.goods-info dd {
    float: left;
    width: 140px;
    margin-left: 10px;
}
.goods-info a {
    color: #000;
}
.goods-info h2 {
    height: 26px;
    margin-bottom: 8px;
    line-height: 26px;
    font-size: 24px;
}
.goods-info p {
    font-size: 14px;
}
/*设置超出隐藏实战*/
.goods-info h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.goods-info p {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sel-allbtn,
.sel-btn {
    width: 22px;
    height: 22px;
    border: 1px solid #999;
    border-radius: 50%;
}
.goods-info a,
.goods-info img {
    display: block;
    width: 92px;
    height: 70px;
}
.shop-info {
    width: 110px;
    margin-left: 25px;
    padding: 9px 0;
}
.shop-info dt {
    height: 34px;
    line-height: 34px;
}
.shop-info em {
    font-size: 14px;
}
.shop-info span {
    font-size: 18px;
}
.shop-info var {
    font-size: 12px;
}
.shop-info dd {
    display: table-cell;
    height: 38px;
    vertical-align: middle;
}
.shop-info dd div {
    float: left;
}
.shop-info input {
    width: 40px;
    height: 21px;
    border: 1px solid #999;
    background-color: transparent;
    text-align: center;
    outline: none;
}
.sel-result {
    position: relative;
    height: 60px;
    line-height: 60px;
    background-color: #f5f6f7;
}
.sel-result div:nth-child(2) {
    margin-left: 30px;
}
/*删除按钮*/
.wrap .del {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url("../images/del_btn.png") no-repeat;
    cursor: pointer;
}
.wrap .add-goods,
.wrap .accounts {
    width: 80px;
    height: 44px;
    margin: 5px 0;
    background-color: #beeb70;
    line-height: 44px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
